<template>
  <div class="global_order marginTop10">
    <div class="main_white padding10 paddingTop0">
      <div class="main_ti">
        <el-tabs v-model="activeName">
          <el-tab-pane label="商品回收站" name="0"></el-tab-pane>
          <el-tab-pane
            label="用户回收站"
            name="1"
            :disabled="taggleState"
          ></el-tab-pane>
        </el-tabs>

        <div class="mainua_form">
          <div v-if="activeName == 0">
            <global-recycle-goods></global-recycle-goods>
          </div>
          <div v-if="activeName == 1">
            <global-recycle-member></global-recycle-member>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { apiUrl, objKeySort, Md5 } from "@/utils/public";
import globalRecycleGoods from "@/views/global/recycle/globalRecycle_goods.vue";
import globalRecycleMember from "@/views/global/recycle/globalRecycle_member.vue";
export default {
  components: {
    globalRecycleGoods,
    globalRecycleMember,
  },
  data() {
    return {
      // 菜单切换
      activeName: "0",
      tableData: [],
      taggleState: false,
    };
  },
  methods: {},
  created() {},
};
</script>
<style lang="scss" scoped>
@import "@/styles/variables.scss";

.global_order {
  margin: 0 15px 0 15px;
  .mainua_form {
    .mainua_an {
      /deep/.el-form-item__content {
        margin-left: 0px !important;
      }
      .reset {
        background: $subActive;
        color: $menuText;
        border-color: $subActive;

        &:hover,
        &:focus {
          border-color: $menuActiveText;
          color: $menuActiveText;
        }
      }
    }
  }
}
</style>
